// import React from 'react';
// import ControlComponent from './conponents/Control';

const App = () => {
    return (
        <div>
            <h3>12321</h3>
        </div>
    );
};

// function App() {
//     const [count, updateCount] = useState(0);

//     return (
//         <div className="App">
//             <h3> {count}</h3>
//             <button onClick={() => updateCount(count + 1)}>👍 + 1</button>
//         </div>
//     );
// }

// class App extends React.Component<{}, { count: number }> {
//     // state = {
//     //     count: 0
//     // }

//     constructor(props: any) {
//         super(props);
//         this.state = {
//             count: 0,
//         };

//         // this.handleClick = this.handleClick.bind(this);
//     }

//     componentDidMount() {
//         this.setState((prevState) => ({
//             count: prevState.count + 1,
//         }));

//         this.setState((prevState) => {
//             return {
//                 count: prevState.count + 1,
//             };
//         });

//         this.setState((prevState) => ({
//             count: prevState.count + 1,
//         }));

//         this.setState((prevState) => ({
//             count: prevState.count + 1,
//         }));

//         // this.setState({ count: this.state.count + 1 }, () => {
//         //     this.setState({ count: this.state.count + 1 });
//         // });

//         // this.setState({ count: this.state.count + 1 });
//         // this.setState({ count: this.state.count + 1 });
//         // this.setState({ count: this.state.count + 9 });
//     }

//     // handleClick = () => {
//     //     this.setState({ count: this.state.count + 1 });
//     // };

//     render() {
//         return (
//             <div className="App">
//                 <h3> {this.state.count}</h3>
//             </div>
//         );
//     }
// }

export default () => {
    return <ControlComponent />;
};
